<html>

 <script>
	$(function () 
		{
			$('#datepicker1').datepicker({ dateFormat: 'dd/mm/yy' });
			$('.sel').select2();	  		  
		});
 </script> 
<style>
table {
  border-collapse: collapse;
  border-spacing: none;
  }

thead th {
  background-color: #F7BE81;
  font-size: 14px;
  font-family: sans-serif;
  border:none;  
  text-transform: capitalize;
  }

tbody td {
  font-size: 15px; 
  width:350px;
}

tr td:first-child,
tr th:first-child {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
}

tr td:last-child,
tr th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
</style>
	<div ng-app="myApp" >
		<h3>Mandatory columns for 'Upload Transaction'</h3> 
		<table>
		<tbody>
			<tr>
				<td><input type="checkbox" ng-model="mismast[0].inwarddate"/> Inward Date</td>
				<td><input type="checkbox" ng-model="mismast[0].proposalno"/> Proposal Number</td>
				<td><input type="checkbox" ng-model="mismast[0].policyno"/> Policy Number</td>
			</tr>
			<tr>
				<td><input type="checkbox" ng-model="mismast[0].filebarcode"/> File Barcode</td>
				<td><input type="checkbox" ng-model="mismast[0].cartonbarcode"/> Carton Barcode</td>
				<td><input type="checkbox" ng-model="mismast[0].awbno"/> AWB Number</td>
			</tr>
			<tr>
				<td><input type="checkbox" ng-model="mismast[0].courierid"/> Courier Name</td>
				<td><input type="checkbox" ng-model="mismast[0].districtid"/> District Name</td>
				<td><input type="checkbox" ng-model="mismast[0].remarks"/> Remarks</td>
			</tr>
			<tr>
				<td><br/><button class="btn btn-success" ng-click="upd(mismast[0])">Update</button></td>		
			</tr>
		</tbody>
		</table>
		<br/><h4>Required Fields:</h4><br/>
		<table class="table table-striped table-condensed table-hover">
			<thead>
			<tr>						
				<th>inward date</th>			
				<th>proposal no</th>			
				<th>policy no</th>			
				<th>awb no</th>			
				<th>file barcode</th>			
				<th>carton barcode</th>			
				<th>district name</th>			
				<th>courier name</th>			
				<th>remarks</th>			
			</tr>
			</thead>
			<tbody>			
				<tr ng-repeat="x in disp">
					<td>{{x.inwarddate}}</td>
					<td>{{x.proposalno}}</td>
					<td>{{x.policyno}}</td>
					<td>{{x.awbno}}</td>
					<td>{{x.filebarcode}}</td>
					<td>{{x.cartonbarcode}}</td>
					<td>{{x.districtid}}</td>
					<td>{{x.courierid}}</td>
					<td>{{x.remarks}}</td>		
				</tr>
			</tbody>
		</table>					
    </div>  
	
</body>
</html>
